<template>
 <div>
    <van-tabbar  v-model="active"   active-color="#6f42c1" inactive-color="#6c757d">
  <van-tabbar-item  @click="xuanze" icon="wap-home-o">魁首</van-tabbar-item>
  <van-tabbar-item  @click="xuanze"  icon="contact">懂我</van-tabbar-item>
  <van-tabbar-item  @click="xuanze"  icon="phone-o">co我</van-tabbar-item>
</van-tabbar>
 </div>
</template>

<script>
import bus from '@/bus.js'
export default {
  
  
    data() {
      return {
          active: 0,
          dy:'',
              
      };
    },
   
    created() {
      
    },
    mounted() {
       bus.$on('xqnum', msg => {
      // console.log(msg)
      this.active=msg

    })
    },
    

    methods:{
xuanze(){
    
this.$emit('footnum', this.active)
}
    },
}
</script>

<style scoped lang="scss">

</style>
